<template>
  <view class="flex">
    <image :src="threeAdv.big.src" mode="widthFill" lazy-load style="width: 373rpx;height: 530rpx;border-right: 2rpx solid #f5f5f5;" @tap="event(threeAdv.big)"></image>
    <view class="flex flex-col">
      <image :src="threeAdv.smalltop.src" mode="widthFill" lazy-load style="width: 375rpx;height: 264rpx;border-bottom: 2rpx solid #f5f5f5;" @tap="event(threeAdv.smalltop)"></image>
      <image :src="threeAdv.smallbottom.src" mode="widthFill" lazy-load style="width: 375rpx;height: 264rpx;" @tap="event(threeAdv.smallbottom)"></image>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    threeAdv: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    event(item) {
      console.log(item)
    }
  }
}
</script>

<style scoped>
</style>